﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <!-- Title -->
    <title></title>

    <!-- ================================================================
        ***Favicon***
    ================================================================= -->

    <link rel="shortcut icon" type="image/png" href="images/fevicon.png">

    <!-- ================================================================
        ***CSS File***
    ================================================================= -->
    <!-- ================= *** Google Font-Poppins *** ======================= -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">

    <!-- ================= *** Animate CSS *** ======================= -->
    <link href="css/animate.min.css" rel="stylesheet" type="text/css">

    <!-- ================= *** Bootstrap CSS *** ===================== -->
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">

    <!-- ================= *** Font-awesome CSS *** ================== -->
    <link href="css/hover-min.css" rel="stylesheet" type="text/css">

    <!-- ================= *** icofont CSS *** ======================= -->
    <link href="css/icofont.css" rel="stylesheet" type="text/css">

    <!-- ================= *** Owl Carousel CSS *** ================== -->
    <link href="css/owl.carousel.css" rel="stylesheet" type="text/css">

    <!-- ================= *** Main CSS *** ========================== -->

    <link href="css/custom/style.css" rel="stylesheet" type="text/css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="http://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="home">

     


    <div id="preloader">
        <div class="preloader_spinner"></div>
    </div>
    <!-- preloader end -->
<!-- ==========================================================
    1.*Header_area start
============================================================ -->
    <header>
        <div class="romana_header_top">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-xs-6">
                        <div class="romana_header_top_left">
                            <ul class="lang">
                                <li data-code="bn">bengali</li>
                                <li data-code="ar">aribic</li>
                                <li data-code="da">dansk</li>
                            </ul>
                            <div class="language_option"><span class="">english</span><i class="icofont icofont-caret-down"></i> </div>
                            <a href="#" class="hidden-xs"><i class="icofont icofont-phone"></i>+22 666-888-999</a>
                        </div>
                    </div>
                    <!-- column End -->
                    <!-- column End -->
                    <div class="col-md-2 col-xs-6 col-md-offset-7">
                        <div class="romana_header_top_right hidden-xs">
                            <ul>
                                <li><a href="#"><i class="icofont icofont-social-pinterest"></i></a></li>
                                <li><a href="#"><i class="icofont icofont-social-google-plus"></i></a></li>
                                <li><a href="#"><i class="icofont icofont-social-twitter"></i></a></li>
                                <li><a href="#"><i class="icofont icofont-social-skype"></i></a></li>
                                <li><a href="#"><i class="icofont icofont-social-facebook"></i></a></li>
                            </ul>
                        </div>
                        <div class="romana_client_btn  romana_client_btn_small hidden-sm hidden-md hidden-lg">
                            <a href="#"><i class="icofont icofont-user-alt-3"></i>Client Area</a>
                            <div class="romana_client_log_in">
                                <form action="#" class="romana_client_log_in_after">
                                    <input type="text" name="clientEmail" placeholder="Email here">
                                    <input type="text" name="clientPass" placeholder="password">
                                    <input type="submit" value="Login">
                                    <p> or <a href="registration.html">registration</a></p>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- column End -->
                </div>
                <!-- row End -->
            </div>
            <!-- container End -->
        </div>
        <!-- Header-Top End -->
        <div class="romana_header_bottom">
            <div class="container">
                <div class="row">
                    <div class="col-sm-2 col-xs-6">
                        <div class="romana_logo">
                            <a href="index.html"><img src="images/logo.png" alt=""></a>
                        </div>
                    </div>
                    <!-- column End -->
                    <div class="col-sm-8">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only"></span>
                                <i class="icofont icofont-navigation-menu"></i>
                            </button>
                        </div>
                        <nav id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li><a href="index.html">Home</a></li>
                                <li><a href="about.html">about</a></li>
                                <li><a href="hosting.html">hosting</a></li>
                                <li><a href="domain-search.html">domain</a></li>
                                <li><a href="service.html">service</a></li>
                                <li><a href="blog.html">blog</a></li>
                                <li><a href="contact.html">Contact</a></li>
                            </ul>
                            <!-- mega-menu End -->
                        </nav>
                        <!-- nav End -->
                    </div>
                    <!-- column End -->
                    <div class="col-sm-2">
                        <div class="romana_client_btn hidden-xs">
                            <a href="#" class="hvr-bounce-to-right"><i class="icofont icofont-user-alt-3"></i>Client Area</a>
                        </div>
                        <div class="romana_client_log_in">
                            <form action="#" class="romana_client_log_in_after">
                                <input type="text" name="clientEmail" placeholder="Email here">
                                <input type="text" name="clientPass" placeholder="password">
                                <input type="submit" value="Login">
                                <p> or <span>registration</span></p>
                            </form>
                        </div>
                    </div>
                    <!-- column End -->
                </div>
                <!-- row End -->
            </div>
            <!-- container End -->
        </div>
        <!-- Header Bottom End -->
    </header>
    <!-- Header End -->
<!-- ==========================================================
2.*Hero_area start
============================================================ -->
    <div class="romana_allPage_area">
        <div class="container">
            <div class="row">
                <div class="col-xs-12">
                    <div class="romana_allPage_text text-center">
                        <h1>blog</h1>
                        <ol class="breadcrumb hvr-shutter-out-horizontal">
                            <li><a href="index.html">Home</a><span></span></li>
                            <li><a href="#">blog</a></li>
                        </ol>
                    </div>
                </div>
                <!-- column End -->
            </div>
            <!-- row End -->
        </div>
        <!-- container End -->
    </div>
<!-- ==========================================================
3.*romana_awesome_service_area start
============================================================ -->
    <div class="romana_blog_page_area romana_section_padding">
        <div class="container">
            <div class="row">
                <div class="col-sm-4">
                    <aside>
                        <div class="widget widget_search romana_blog_search">
                            <form action="#">
                                <div class="field">
                                    <label class="placeholder">
                                        Search here
                                    </label>
                                    <input id="blogSearch" type="text" name="blogSearch" />
                                    <div class="romana_search_icon">
                                        <a href=""><i class="icofont icofont-search"></i></a>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="widget widget_category">
                            <h3>CATEGEORY</h3>
                            <ul>
                                <li><a href="#">web development</a></li>
                                <li><a href="#">app development</a></li>
                                <li><a href="#">grafic design</a></li>
                                <li><a href="#">seo marketing</a></li>
                                <li><a href="#">online marketing</a></li>
                                <li><a href="#">web development</a></li>
                            </ul>
                        </div>
                        <div class="widget romana_related_post">
                            <h3>RELATED POST</h3>
                            <div class="romana_post_img_text">
                                <div class="romana_post_img">
                                    <img src="images/post_img1.jpg" alt="">
                                </div>
                                <div class="romana_post_text">
                                    <a href="single-blog.html"><h3>Duis autem vel eum iriure doloum aesent luptatum duime augue.</h3><span>22 December, 2016</span></a> 
                                </div>
                            </div>
                            <div class="romana_post_img_text">
                                <div class="romana_post_img">
                                    <img src="images/post_img1.jpg" alt="">
                                </div>
                                <div class="romana_post_text">
                                    <a href="single-blog.html"><h3>Duis autem vel eum iriure doloum aesent luptatum duime augue.</h3><span>22 December, 2016</span></a> 
                                </div>
                            </div>
                            <div class="romana_post_img_text">
                                <div class="romana_post_img">
                                    <img src="images/post_img1.jpg" alt="">
                                </div>
                                <div class="romana_post_text">
                                    <a href="single-blog.html"><h3>Duis autem vel eum iriure doloum aesent luptatum duime augue.</h3><span>22 December, 2016</span></a> 
                                </div>
                            </div>
                        </div>
                        <!--<div class="widget romana_flicker_img">
                            <h3>Flickr images</h3>
                            <div class="flickr-badge">
                                <script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=8&display=random&size=s&layout=x&source=user&user=34178660@N03"></script>
                            </div>
                        </div>-->
                    </aside>
                </div>
                <!-- column End -->
                <div class="col-sm-8">
                    <div class="romana_all_blog_content">
                        <div class="romana_blog_content">
                            <div class="romana_blog_img">
                                <a href="#"><img src="images/Blog_img1.jpg" alt=""></a>
                            </div>
                            <div class="romana_blog_date">
                                <p>22 <span>december</span></p>
                            </div>
                            <div class="romana_blog_text text-center">
                                <h2><a href="single-blog.html">Start Building Your Website Today!</a></h2>
                                <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequa illum aesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cusol uta nobis eleifend option congue nihil imperdiet doming id quod mazim.</p>
                                <a href="#" class="hvr-bounce-to-right">back to home<i class="icofont icofont-long-arrow-right"></i></a>
                            </div>
                        </div>
                        <div class="romana_blog_content">
                            <div class="romana_blog_img">
                                <a href="#"><img src="images/Blog_img2.jpg" alt=""></a>
                            </div>
                            <div class="romana_blog_date">
                                <p>22 <span>december</span></p>
                            </div>
                            <div class="romana_blog_text text-center">
                                <h2><a href="single-blog.html">Start Building Your Website Today!</a></h2>
                                <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequa illum aesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cusol uta nobis eleifend option congue nihil imperdiet doming id quod mazim.</p>
                                <a href="#" class="hvr-bounce-to-right">back to home<i class="icofont icofont-long-arrow-right"></i></a>
                            </div>
                        </div>
                        <div class="romana_blog_content">
                            <div class="romana_blog_img">
                                <a href="#"><img src="images/Blog_img3.jpg" alt=""></a>
                            </div>
                            <div class="romana_blog_date">
                                <p>22 <span>december</span></p>
                            </div>
                            <div class="romana_blog_text text-center">
                                <h2><a href="single-blog.html">Start Building Your Website Today!</a></h2>
                                <p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequa illum aesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cusol uta nobis eleifend option congue nihil imperdiet doming id quod mazim.</p>
                                <a href="#" class="hvr-bounce-to-right">back to home<i class="icofont icofont-long-arrow-right"></i></a>
                            </div>
                        </div>
                        <div class="romana_blog_pagination text-center">
                            <ul>
                                <li><a href="#"><i class="icofont icofont-long-arrow-left"></i></a></li>
                                <li><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                                <li><a href="#"><i class="icofont icofont-long-arrow-right"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- column End -->
            </div>
            <!-- row End -->
        </div>
        <!-- container End -->
    </div>
<!-- ==================================================
4.*Footer_area start
=================================================== -->
    <footer class="romana_footer_area">
        <div class="romana_footer_top">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-sm-3">
                        <div class="footer_left_text footer_menu footer_border_right">
                            <div class="footer_logo">
                                <a href="#"><img src="images/footer_logo.png" alt="logo"></a>
                            </div>
                            <p>Duis autem vel eum iriure dolores in hendrerit in vulputate velit esse autem vel eum iriure dolore.</p>
                        </div>
                    </div>
                    <!-- column End -->
                    <div class="col-sm-3">
                        <div class="footer_menu footer_border_right footer_padding_left">
                            <h2>Hosting services</h2>
                            <ul>
                                <li><a href="#">Web Hosting</a></li>
                                <li><a href="#">cloud Hosting</a></li>
                                <li><a href="#">Shared Hosting</a></li>
                                <li><a href="#">Reseller Hosting</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- column End -->
                    <div class="col-sm-3">
                        <div class="footer_menu footer_border_right footer_padding_left">
                            <h2>Domain Names</h2>
                            <ul>
                                <li><a href="#">Transfer Your Domain</a></li>
                                <li><a href="#">Domain Marketplace</a></li>
                                <li><a href="#">Buy a Domain</a></li>
                                <li><a href="#">Premium Domain Names</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- column End -->
                    <div class="col-md-2 col-sm-3">
                        <div class="footer_menu footer_padding_left">
                            <h2>support</h2>
                            <ul>
                                <li><a href="#">Product Support</a></li>
                                <li><a href="#">contact us</a></li>
                                <li><a href="#">Knowladge Base</a></li>
                                <li><a href="#">Request a Quote</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- column End -->
                </div>
            </div>
        </div>
        <!-- footer_top End -->
        <div class="romana_footer_bottom">
            <div class="container">
                <div class="romana_footer_bottom_content text-center">
                    <div class="row">
                        <div class="col-md-4 col-sm-6">
                            <p>Copyright &copy; 2017.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
                        </div>
                        
                        <!-- column End -->
                    </div>
                    <!-- row End -->
                </div>
                <!-- container End -->
            </div>
        </div>
        <!-- footer_bottom End -->
    </footer>
<!-- ======================================================
    ***Js Files***
=========================================================== -->

    <!-- ================= Main Js ==================== -->
    <script src="js/jquery-3.1.0.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->

    <!-- ================= Bootstrap min Js =========== -->
    <script src="js/bootstrap.min.js"></script>

    <!-- ================= owl carousel min Js ======== -->
    <script src="js/owl.carousel.min.js"></script>

    <!-- ================= Active Js ================== -->
    <script src="js/active.js"></script>

</body>

</html>

